﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/UserCenter.Master"
    Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    UserDetail
</asp:Content>
<asp:Content ID="content3" ContentPlaceHolderID="headPlaceHolder" runat="server">
<link type="text/css" rel="stylesheet" href='<%=Url.Content("~/Content/uploadify.css") %>' />
<script type="text/javascript" language="javascript" src=' <%=Url.Content("~/Scripts/jquery.uploadify.v2.1.0.min.js") %>'></script>
<script type="text/javascript" language="javascript" src=' <%=Url.Content("~/Scripts/swfobject.js") %>'></script>
   <script type="text/javascript">
        $(function() {
            //上传
            $('#fileInput1').uploadify({
            'uploader': '../Content/uploadify.swf',
            'width': '120',
                'height':'22',
                'script': '../UserCenter/ImportImg',
                'folder': '../UploadFiles',
                'cancelImg': '../Content/cancel.png',
                'fileExt': '*.jpg;*.gif;*.png',
                'fileDesc': '*.jpg;*.gif;*.png',
                'sizeLimit': 1024 * 1024 *1, //4M
                'multi':false,
                'onComplete': fun
            });

        });
        function fun(event, queueID, fileObj, response, data) {
            if (response != "") {
                    
//                showInfo("成功上传" + response, true); //showInfo方法设置上传结果     
            }
            else {
//                showErro("文件上传出错！", false);
            }
        }        
        //如果点击‘导入文件’时选择文件为空，则提示
        function checkImport() {
            if ($.trim($('#fileInput1Queue').html()) == "") {
                alert('请先选择文件！');
                return false;
            }
            return true;
        } 
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="primaryContent" class="grid-c2 fl-r">
        <div class="primary-inner">
            <!--个人资料管理开始-->
            <form action="example.php" id="personalInfo">
            <!--修改头像-->
           <fieldset class="xiugai-pic clearfix">
                    <legend>修改头像 </legend>
                    <h2>
                        上传头像</h2>
                    <div class="user-pic">
                        <span class="pic-con">
                            <img src='<%=Url.Content("~/UploadFiles/default_b.jpg") %>' height="100" width="100" /></span>
                    </div>
                    <ul>
                        <li>
                            <input type="text" id="test" />
                            <input id="fileInput1" name="fileInput1" type="file" />
                            <p style="margin-top:3px; font-size: 12px; font-weight:normal;">                          
                                <a href="javascript:if(checkImport()){$('#fileInput1').uploadifySettings('scriptData',{'name':$('#test').val()});$('#fileInput1').uploadifyUpload();}">
                                    开始上传</a></p>
                            <%--<p style="margin-top:3px; font-size: 12px; font-weight:normal;">
                                <span id="result"></span>
                            </p>--%>
                        </li>
                        <li style="padding-top:25px;">图片格式:GIF、JPG、JPEG、PNG,最适合尺寸100*100 像素 </li>
                    </ul>
                </fieldset>
            <!--修改联系方式-->
            <fieldset class="xiugai-contact">
                <legend>修改联系方式 </legend>
                <h2>
                    修改联系方式</h2>
                <ul>
                    <li class="clearfix">
                        <label for="txtMobile">
                            <em class="required-sign red">* </em>手 机：</label>
                        <input type="text" id="txtMobile" name="txtMobile" />
                    </li>
                    <li class="clearfix">
                        <label for="txtPhone">
                            座 机：</label>
                        <input type="text" id="txtPhone" name="txtPhone" />
                    </li>
                    <li class="clearfix">
                        <label for="txtPhone">
                            座 机：</label>
                        <input type="text" id="txtPhone1" name="txtPhone" />
                    </li>
                    <li class="clearfix">
                        <label for="txtQQ">
                            QQ：
                        </label>
                        <input type="text" id="txtQQ" maxlength="11" name="txtQQ" />
                    </li>
                    <li class="clearfix">
                        <label for="txtEmail">
                            <em class="required-sign red">* </em>电子邮件：
                        </label>
                        <input type="text" id="txtEmail" name="txtEmail" />
                    </li>
                </ul>
            </fieldset>
            <!--修改资料-->
            <fieldset class="xiugai-data">
                <legend>修改资料 </legend>
                <h2>
                    修改资料</h2>
                <ul>
                    <li class="data-a clearfix"><span class="mingzi">用户名：</span><span class="mingzi-value">zhuangzhouxiaoyaoyou
                    </span></li>
                    <li class="clearfix data-b">
                        <label for="txtTrueName">
                            <em class="required-sign red">* </em>真实姓名：</label>
                        <input type="text" id="txtTrueName" name="txtTrueName" />
                    </li>
                    <li class="clearfix data-c">
                        <label for="rbSex1" class="label-sex">
                            <em class="required-sign red">* </em>性 别：</label>
                        <span class="sex">
                            <input type="radio" value="2" name="rbsex" id="boy" />
                            <label for="rbSex1">
                                女</label>
                            <input type="radio" value="1" name="rbsex" id="girl" />
                            <label for="rbSex2">
                                男</label>
                        </span></li>

                    <li class="clearfix data-e">
                        <label for="select_citylocal1">
                            <em class="required-sign red">* </em>我的生活圈：</label> <span id="sl_citylocal1">&nbsp;</span><span id="sl_arealocal1"><select name="select_arealocal1" id="select_arealocal1" style="border: 1px solid #7F9DB9;
                                height: 20px; width: 100px;">
                                <option value=" " selected="selected">请选择区县</option>
                            </select>
                        </span> </li>

                    <li class="clearfix data-j">
                        <label for="txtSignContent">
                            个人签名：
                        </label>
                        <textarea id="txtSignContent" class="grtextArea" name="txtSignContent">爱58，爱生活。</textarea>
                       <span class="fgrey"> (400字符以内)</span> </li>
                </ul>
            </fieldset>
            <!--提交修改-->
            <fieldset class="submit">
                <input class="submit" type="submit" value="完成修改" />
            </fieldset>
            </form>
            <!--个人资料管理结束-->
        </div>
    </div>
</asp:Content>
